<template>
  <view class="info-form-container">
    <view class="form-content">
      <image
        style="width: 100%; height: 150px;"
        src="https://cdn.joker88.cn/fadsffasdf888.png"
        mode="aspectFit"
      ></image>
      <view class="title">为保障信息安全及报告真实性，请输入本人真实信息</view>
      <vForm />
    </view>
    <view class="slogan-content">
      <view class="title-box">
        <text class="title">大数据报告五大优势</text>
      </view>
      <BlueHeadCard title="专业资质"
        ><text class="footer-text"
          >优品查“是海南升弘征信服务有限公司旗下一款明星行用产品，公司拥有多名数据行业人士，从大数据的角度丰富报告内容为每一位用户的信用保驾护航</text
        ></BlueHeadCard
      >
      <BlueHeadCard icon="bookmark" title="权威数据"
        ><text class="footer-text"
          >优品查“通过各大第三方平台整合筛查出相应准确的大数据，报告数据精准，准确率极高。</text
        ></BlueHeadCard
      >
      <BlueHeadCard icon="lock" title="安全隐私"
        ><text class="footer-text"
          >优品查“尊重用户的隐私性，每次生成报告有效期为七天，过期数据直接清楚，保障用户隐私</text
        ></BlueHeadCard
      >
      <BlueHeadCard icon="clock" title="客观实时"
        ><text class="footer-text"
          >优品查“在职的每一位数据行业专家秉着客观求实的宗旨，依据第三方平台数据，实时评估用户各项指标，做到客观公正。</text
        ></BlueHeadCard
      >
      <BlueHeadCard icon="wifi" title="覆盖面广"
        ><text class="footer-text"
          >优品查“从信息匹配-风险命中-高危筛查-申请排查-风险行为-特殊验证-失信排查-消费排查这8个覆盖面的维度，进行深层次的对用户各项数据进行判断和排查</text
        ></BlueHeadCard
      >
    </view>
  </view>
</template>

<script>
import vForm from "./components/form.vue";
import BlueHeadCard from "@/components/u-describe-card/blueHeadCard.vue";

export default {
  data() {
    return {
      src: "",
      formData: {},
    };
  },
   
  components: {
    vForm,
    BlueHeadCard,
  },
  // 监听页面返回
  onBackPress() {
    // console.log(this.$store.state.checkCredit);
  },
  mounted() {
    
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.form-content {
  margin-top: 10rpx;
  background-color: white;
  padding: 30rpx 30rpx;

  & > .title {
    color: #2d42fd;
    padding: 15rpx 0;
    font-size: 22rpx;
  }
}
.slogan-content {
  position: relative;
  overflow: hidden;
  margin-top: 10rpx;
  background-color: white;
  padding: 0 30rpx;
}

.title-box {
  margin: 30rpx 0 50rpx 0;
  text-align: center;
  & > .title {
    font-size: 30rpx;
    color: $uni-text-color;
    padding-bottom: 5rpx;
    border-bottom: 3px solid #3745eb;
  }
}

.footer-text {
  font-size: 24rpx;
  color: rgb(138, 136, 136);
}
</style>
